<template>
    <dl class="conent">
        <dt>
            <img :src="src" alt="">
        </dt>
        <dd>
            <h2>{{tit}}</h2>
            <p>{{msg}}</p>
            <p>{{price}}</p>
            <button-bum :num="a" :id="id"></button-bum>
        </dd>
    </dl>
</template>
<script>
import buttonBum from "./buttonItem"
export default {
    data(){
        return {
            a:{},
        }
    },
    created(){
       this.a={
           c:this.num
       }
        
    },
    props:["src","tit","msg","id","price","num"],
    components:{
        buttonBum
    },
    
}
</script>
<style lang="scss">
    .conent{
        display: flex;
        dt{
            img{
                width:80px;
                height:80px;
                margin-right:80px;
            }
        }
    }
</style>


